//-------------------------------------------------------------------------
body
    background url(/images/background-stripes_midgard.jpg)
//-------------------------------------------------------------------------
a
    color #4e4e4e
    .usercontainer &:hover
        background-color rgb(140, 170, 185)
        color white
    .module &:hover
        background-color rgb(140, 170, 185)
        color white
//-------------------------------------------------------------------------
h1,h2,h3,h4,h5
    color #3E525C
//-------------------------------------------------------------------------
header
    background url(/images/header.background.png)
    background-color #83A0AE
    min-height 35px
    padding 4px
    border-bottom 2px solid #3E525C
//-------------------------------------------------------------------------
.usercontainer
    color white
    a
        color white
//-------------------------------------------------------------------------
#notification-counter
    border-radius 3px
    background-color #83A0AE
    &:hover
        background-color #142F3C
//-------------------------------------------------------------------------
p.error, p.info
    color rgba(62, 82, 92, 1)
    background-color rgba(213,218,221,0.9)
    border 2px solid #3E525C
//-------------------------------------------------------------------------
nav
    a
        color #3E525C
//-------------------------------------------------------------------------
.module
    border 2px solid #83A0AE
    background rgba(213,218,221,0.9)
    box-shadow 0 0 12px hsl(180, 10%, 20%)
    h5
        background rgba(62, 82, 92, 1)
        display block
        color rgba(235,235,235,1)
//-------------------------------------------------------------------------
.popup
    background hsl(81, 60%, 70%)
    h5
        background rgba(213,218,221,0.9)
        display block
        color hsla(213, 38%, 74%, 1)
//-------------------------------------------------------------------------
.task
    background rgba(213,218,221,0.9)
    &:hover
        background rgba(143,163,174,1)
        opacity 1.0 !important
//-------------------------------------------------------------------------
#timeline-content
    background rgba(226,226,226,1)
    box-shadow 0 0 12px hsla(180, 10%, 20%,1)
//-------------------------------------------------------------------------
.period
    h3
        border-bottom 3px solid hsla(180, 10%, 20%,1)
//-------------------------------------------------------------------------
section#content
    border 2px solid #83A0AE
    background rgba(226,226,226,1)
    box-shadow 0 0 12px hsla(180, 10%, 20%,0.1)
//-------------------------------------------------------------------------
div#timeslider
    background-color #778f9a
    border #778f9a
//-------------------------------------------------------------------------
.login
    .infocontainer
        input
            color               #000000
            border              1px solid #cdcfd1
            -moz-box-shadow     1px 1px 1px #888
            -webkit-box-shadow  1px 1px 1px #888
        img
            border              1px solid #cdcfd1
            -moz-box-shadow     1px 1px 1px #888
            -webkit-box-shadow  1px 1px 1px #888
            background-color    rgba(255,255,225526,0.4)
//-------------------------------------------------------------------------